<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
	<title>检查任务管理</title>
	<meta name="decorator" content="default"/>
    <style>
    	.form-horizontal .controls{
			margin-left:100px;
		}
    </style>
        <style>
#main {
padding-top:90px;
text-align:center;
}
#fullbg {
background-color:gray;
left:0;
opacity:0.5;
position:absolute;
top:0;
z-index:3;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
}
#dialog {
background-color:#fff;
border:5px solid rgba(0,0,0, 0.4);
height:160px;
left:50%;
margin:-200px 0 0 -300px;
padding:10px;
position:fixed !important; /* 浮动对话框 */
position:absolute;
top:50%;
width:600px;
z-index:5;
border-radius:5px;
display:none;
}
#dialog p {
margin:0 0 12px;
height:24px;
line-height:24px;
background:#CCCCCC;
}
#dialog p.close {
text-align:right;
padding-right:10px;
}
#dialog p.close a {
color:#fff;
text-decoration:none;
}


*{padding:0;margin:0;}
li{list-style:none;}
a{color:#666;text-decoration:none;}
a:hover{color:#333;}
#list{width:400px;margin:20px auto;}
#list h2{font-size:14px;line-height:32px;border-bottom:1px solid #999;}
#list ul{border-top:1px solid #DDD;float:left;}
#list ul li{height:28px;line-height:28px;overflow:hidden;border-bottom:1px dotted #DDD;float:left;width:100%;}
</style>    
	<script type="text/javascript">
		var arrayObj = new Array();
(function($){
        $.showHide = function(options){
            var defaults={
                show_num:5,     //显示多少个
                interval:100,  //间隔
                speed:50       //隐藏显示速度
            }
            var options=$.extend(defaults,options);
            var obj = options.obj;
            var show_num = options.show_num;
            var interval = options.interval;
            var speed = options.speed;
            var hide_index = 0;//隐藏的那个的索引
            var total_num = $(obj).size();//获取总数
            $(obj+':gt('+(show_num-1)+')').hide();//初始化，只显示前面N个，隐藏后面的
            var rotation = function(){
                if(hide_index >= total_num-show_num){//将前面的放到后面
                    var temp = $(obj+':lt('+hide_index+')').remove();
                    $(obj).parent().append(temp);
                    hide_index = 0;
                }
                var show_index = hide_index+show_num;//显示的那个的索引
                $(obj).eq(hide_index).slideUp(speed);
                $(obj).eq(show_index).slideDown(speed);
                hide_index++;
            }
            if(total_num>show_num){
                setInterval(rotation,interval);
            }
        }
})(jQuery);		
		$(document).ready(function() {
			//$("#name").focus();
			$("#inputForm").validate({
				submitHandler: function(form){
					loading('正在提交，请稍等...');
					form.submit();
				},
				errorContainer: "#messageBox",
				errorPlacement: function(error, element) {
					$("#messageBox").text("输入有误，请先更正。");
					if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
						error.appendTo(element.parent().parent());
					} else {
						error.insertAfter(element);
					}
				}
			});
		});
		function doCheck(id){ 
			var hasChk = $('#'+id).is(':checked');
			if(hasChk){ 
				arrayObj.push(id);
			}else{ 
				$.each(arrayObj,function(index,item){  
					if(item==id){
						arrayObj.splice(index,1);
					}
				});				
			}
		}
		function doSubmit(){ 
			$("#dialog").show();
			$.showHide({obj:'#list1 ul li',show_num:5});
			$.showHide({obj:'#list2 ul li',show_num:5});
			setTimeout(function () { 
				$('#uids').val(arrayObj.join(","));
				$('#inputForm').submit();			
			}, 3000);		
		}
//显示灰色 jQuery 遮罩层
function showBg() {
//	var bh = $("body").height();
//	var bw = $("body").width();
//	$("#fullbg").css({
//		height:bh,
//		width:bw,
//		display:"block"
//		});
	$("#dialog").show();
	$.showHide({obj:'#list1 ul li',show_num:5});
	$.showHide({obj:'#list2 ul li',show_num:5});
}
//关闭灰色 jQuery 遮罩
function closeBg() {
	$("#fullbg,#dialog").hide();
}		
	</script>
</head>
<body>
<ul class="nav nav-tabs">
	<li><a href="${ctx}/sx/drSx/formview?id=${drSx.id}">法定事项查看</a></li>
	<li class="active"><a href="${ctx}/sx/drSx/fdry?id=${drSx.id}">执法人员库查看</a></li>
    <li><a href="${ctx}/sx/drSx/fdsx?id=${drSx.id}">执法对象库查看</a></li>
</ul>
<form:form id="searchForm" modelAttribute="" action="" method="post" class="breadcrumb form-search" style="padding:0 0 0 0;margin-left:10px;margin-right:10px;">
  <ul class="ul-form">
    <li>
      <label style="text-align:left;margin-left:0px;width:200px"><strong>执法人员库&nbsp;(共${fn:length(page_ryk)}人)</strong></label>
    </li>
  </ul>
  <sys:message content="${message}" type="${type}"/>
  <table id="contentTable1" class="table table-striped table-bordered table-condensed">
    <thead>
      <tr>
        <th>序号</th>
        <th>姓名</th>
            <th>所属局</th>
            <th>所属机构</th>
            <th>所属科室</th>
            <th>性别</th>
            <th>专业/专业技能</th>
            <th>执法证号</th>
            <th>签证官类别</th>
            <th>现场查验岗位类别</th>
            <th>岗位</th>
            <th>职务</th>
            <th>工作年限</th>
            <th>已获得岗位资格</th>
            <th>电话</th>
            <th>手机</th>
      </tr>
    </thead>
    <tbody>
      <c:forEach items="${page_ryk}" var="ryk" varStatus="s">
        <tr>
          <td>${s['index']+1}</td>
          <td>${ryk.user.name}</td>
          <td>${ryk.user.company.name}</td>
          <td>${ryk.user.office.name}</td>
          <td>${ryk.user.keshi.name}</td>
          <td>${fns:getDictLabel(ryk.user.sex, 'sex', '')}</td>
          <td>${ryk.user.zy}</td>
          <td>${ryk.user.zfzh}</td>
          <td>${fns:getDictLabel(ryk.user.qzglb, 'user_dong_zhi', '')}</td>
          <td>${fns:getDictLabel(ryk.user.xccygwlb, 'user_dong_zhi', '')}</td>
          <td>${ryk.user.gw}</td>
          <td>${ryk.user.zw}</td>
          <td>${ryk.user.gznx}</td>
          <td>${ryk.user.gwzg}</td>
		  <td>${ryk.user.phone}</td>
		  <td>${ryk.user.mobile}</td>
        </tr>
      </c:forEach>
    </tbody>
  </table>
</form:form>
<form:form id="inputForm" modelAttribute="" action="" method="post" class="form-horizontal">
  <div class="form-actions">  
    <input id="btnCancel" class="btn" type="button" value="返 回" onClick="history.go(-1)"/>
  </div>
</form:form>   
</body>
</html>